.box {
  height: 50px;
  width: 50px;
  float: left;
  margin: 20px;
  border: 1px solid green;
  cursor: pointer;
}

.tabcont11 > ul > li > img {
  cursor: pointer;
}

.pop2 {
  display: none;
}

/*  popup box  */

#popupBox {
  background: #fff;
  display: none;
  border: 3px solid #ccc;
}

@media all and (max-width: 768px) {
  .transparency {
    position: fixed !important;
  }

  #popupBox {
    width: 500px !important;
    height: auto !important;
    position: fixed !important;
    top: 100px !important;
    left: 50% !important;
    transform: translateX(-50%);
  }

  #popupBox td {
    height: auto !important;
  }

  #popupBox .imgPane {
    height: auto !important;
  }

  #popupBox .imgPane img {
    height: auto !important;
  }
}

@media all and (max-width: 500px) {
  #popupBox {
    width: 320px !important;
    height: 500px !important;
  }

  #popupBox2 .popupContent {
    height: 400px !important;
  }
}

#popupBox2,
#popupBox3 {
  background: #fff;
  display: none;
}

#popupBox2 td,
#popupBox3 td {
  background: #fff;
  padding: 0;
}

#popupBox2 .popupContent {
}

.contentBox {
  overflow-y: scroll;
  height: 270px;
}

.popupContent {
  background: #fff;
}

.popupContent .popClose {
  float: right;
  display: block;
  height: 16px;
  width: 16px;
  background: url(img/closeBut.jpg) no-repeat;
  text-indent: -9000px;
}

.popupClose {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 43px;
  width: 43px;
  text-indent: -9000px;
  _background: url(img/closeBut.jpg) no-repeat;
  background: url(/images/btn_tech_close.gif) no-repeat;
}

.galleryTitle {
  font-size: 1.3em;
  text-align: center;
  height: 50px;
}

.popupContent .pop2 {
  font-size: 1.2em;
  text-align: center;
  padding: 30px;
}

.popupContent .galleryTitle {
  position: relative;
}

.galleryControls {
  display: none;
  overflow: hidden;
  line-height: 40px;
}

.galleryControls a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  text-transform: uppercase;
}

.galleryControls .prev {
  float: left;
  margin-left: 20px;
}

.galleryControls .next {
  float: right;
  margin-right: 20px;
}

.galleryControls p {
  text-align: center;
}

.imageDesc {
  min-height: 50px;
  line-height: 15px;
  text-align: left;
}

.imageDesc p {
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
}

.popupBtns {
  padding: 20px;
}

.popupBtns input {
  margin-right: 20px;
  font-size: 14px;
}

#fixedGallery .popupContent {
  background: #f3f3f3;
}

#fixedGallery .popupTL {
  background: url(img/popupTL.png) no-repeat;
  _background: none;
}

#fixedGallery .popupTR {
  background: url(img/popupTR.png) no-repeat;
  _background: none;
}

#fixedGallery .popupBL {
  background: url(img/popupBL.png) no-repeat;
  _background: none;
}

#fixedGallery .popupBR {
  background: url(img/popupBR.png) no-repeat;
  _background: none;
}

#fixedGallery .popupTM {
  background: url(img/popupGT.png) repeat-x;
  _background: none;
}

#fixedGallery .popupBM {
  background: url(img/popupGB.png) repeat-x;
  _background: none;
}

#fixedGallery .popupML {
  background: url(img/popupGL.png) repeat-y;
  _background: none;
}

#fixedGallery .popupMR {
  background: url(img/popupGR.png) repeat-y;
  _background: none;
}

#fixedGallery .popupTL div {
  _background: url(img/popupTL.png) no-repeat;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupTR div {
  _background: url(img/popupTR.png) no-repeat;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupBL div {
  _background: url(img/popupBL.png) no-repeat;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupBR div {
  _background: url(img/popupBR.png) no-repeat;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupTM div {
  _background: url(img/popupGT.png) repeat-x;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupBM div {
  _background: url(img/popupGB.png) repeat-x;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupML div {
  _background: url(img/popupGL.png) repeat-y;
  width: 100%;
  height: 100%;
}

#fixedGallery .popupMR div {
  _background: url(img/popupGR.png) repeat-y;
  width: 100%;
  height: 100%;
}

.galleryTitle > h2 {
  font-size: 20px;
  padding-top: 10px;
  margin-bottom: 0;
}
.popupContent {
  vertical-align: top;
}
.galleryTitle {
  height: 50px !important;
}